// 给 登录按钮 添加 点击事件
$('[name="login"]').click(function () {
  window.location.href = `./login.html?url=${window.location.href}`;
})


// 给 退出登录按钮 添加点击事件
$('[name="logout"]').click(function () {
  // 获取 本地cookie 键值对象
  const cookieObj = myGetCookie();

  if (cookieObj.login === undefined) {
    // 没有登录
    if (window.confirm('您还没有登录 点击确定跳转登录页')) {
      window.location.href = './login.html';
    }

  } else {
    // 已经登录
    // 删除 登录cookie 设定 时间时效为 负数
    mySetCookie('login', 1, -1, '/');

    // 弹出提示信息
    window.alert('您已经退出登录');
  }

})

// 给 购物车按钮 添加点击事件
$('[name="cart"]').click(function () {
  // 获取 cookie对象 
  const cookieObj = myGetCookie();

  // 判断有没有登录
  if (cookieObj.login === undefined) {
    // 没有登录 
    if (window.confirm('您还没有登录 点击确定跳转登录页')) {
      window.location.href = './login.html';
    }

  } else {
    // 已经登录 跳转 购物车页面
    window.location.href = './cart.html';
  }
})

//导航栏部分
var Nav = document.querySelector("nav");
nav();

function nav() {
  window.addEventListener('scroll', scrollHandler);
}

function scrollHandler(e) {
  // console.log(Nav.offsetTop);
  var logo = Nav.querySelector(".nav-logo");
  if (Nav.offsetTop > 110) {
    logo.style.display = "block"

  } else {
    logo.style.display = "none"

  }

}

// 视频播放
var Video = document.querySelector(".video");
play();

function play() {

  play = Video.querySelector("img");
  play.addEventListener("click", plHandler);

}

function plHandler(e) {
  VI = Video.querySelector("video");

  menbanV = Video.querySelector(".menbanV");
  menbanV.style.display = "none";
  e.target.style.display = "none"
  VI.setAttribute("controls", "controls")
  //    VI.setAttribute("autoplay","autoplay");
  //    console.log(VI);

}
/*
  退出登录
    给 退出登录 按钮 添加点击事件
      获取 本地 cookie 对象 

      调用 cookie对象.login 
        如果是 undefined 证明没有登录

      如果有 登录数据 
        删除 登录数据 
        弹出提示信息

      如果没有 登录数据
        弹出没有登录的提示信息

    特别注意
      设定cookie 时效为负数时 
      cookie 的 键名 路径 一定要和原始cookie 保持一致
      否则 会认为是新的cookie 的设定 不是修改原始cookie的时效

  跳转购物车

    没有登录先登录 
    已经登录 再 跳转购物车

  点击跳转列表页

    传参 一级分类名称
    一级分类名称 根据数据库中的数据 定义的

*/